<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>2. 300px*300px的DIV 进入事件，离开事件，移动事件（三种绑定方式）</title>
	</head>
	<body>
			<div id="div11" style="width:300px;height: 300px; background-color:blue ;" onmouseenter="DivNew1()" onmouseleave="DivNew2()" onmousemove="DivNew3()">
				<!-- 三个事件 进入事件 onmouseenter 离开事件onmouseleave onmousemove移动事件-->
				
				
				
				
			</div>
		
		
	</body>
			<script type="text/javascript">
				// 进入事件 onmouseenter
				function DivNew1(){
					// 更改背景颜色
					document.getElementById('div11').style.backgroundColor='red';
					
				}
				// 离开事件 onmouseleave
				function DivNew2()
				{
					console.log('div离开了');
				}
				//移动事件 onmousemove
				function DivNew3(){
					
					console.log('别摸我')
					
				}
				
				
			</script>
			
</html>
